Theoretically, this change should be rather straightforward, as it is mostly about the behaviour exhibited by the checkbox, which is easy to untoggle in the layer click handler inside input-click.js. However, only part of the functionality can be implemented there, as there are inconsistencies in the radio buttons when they first load, causing multiple of them to be selected simultaneously:

In order to mitigate this, I had planned to modify the initialization procedure of the Layer Control so that it manually selects one of the radio buttons, deselecting all others. And while this works in theory, the first-update.js handler seems to run just a smidge too early for the layer list to be available. A second or two later, or even just 200ms always work.

This can be hackily implemented using a setTimeout call, but it seems to me what I am actually looking for is some kind of nextTick function that is commonly used in Vue to solve this problem.

Implemented changes

Screenshots/Videos

Checklist before requesting a review

• I have performed a self-review of my code
• I have added a test related to this feature/fix
• For new features: I have created a story showcasing this new feature
• All checks have passed
• The PR title follows conventional commit style and reflects the type of change (major/minor/patch, breaking)
• The PR title describes the change within this element (each merged PR equals one entry in the element's changelog!)